<div class="root">
    <!--全屏背景图-->
    <image resize="stretch" class="share-bg" :src="shareBg"></image>

    <div class="wrapper" v-if="listLoaded">
        <div class="content">
            <!--占位符-->
            <div class="place-holder-node"></div>

            <scroller class="main" show-scrollbar="false" scroll-direction="vertical">

                <image resize="cover" class="square-img" :src="squareImg"></image>

                <div class="share-code">
                    <text class="share-code-tit font-msyhl">您的邀请码，用来邀请好友购买美的智能冰箱</text>
                    <text class="share-code-num font-msyhl">{{userCode}}</text>
                </div>

                <div class="share-tip">
                    <image resize="cover" class="share-tip-img" :src="shareTipImg"></image>
                    <div class="share-tip-box" v-for="(list,index) in stepList">
                        <!--<text class="share-tip-order font-msyhl">{{index+1}}、</text>-->
                        <text class="share-tip-order font-msyhl">{{list.step}}</text>
                        <div class="share-tip-right">
                            <text class="share-tip-txt font-msyhl">{{list.info}}</text>
                        </div>
                    </div>
                </div>
            </scroller>
        </div>
    </div>
</div>